<template>
    <div class="posAvailability">
        <el-table v-loading="loading" :data="storageSpaceList">
          <el-table-column label="库房" align="center" prop="whName" />
          <el-table-column label="库区" align="center" prop="whAreaname" />
          <el-table-column label="存放区" align="center" prop="storeAreaName" />
          <el-table-column label="储位" align="center" prop="storeLocName" />
          <el-table-column label="可存放设备数量" align="center" prop="storeEquipNum" />
          <el-table-column label="实际存放数量" align="center" prop="actualCount" />
          <el-table-column label="利用率" align="center" prop="occupancy" />
        </el-table>
    </div>
</template>

<script>
import { storageSpaceUtilization } from "@/api/meter/statisticalAnalysis"

export default {
    data() {
        return {
            storageSpaceList: [],
            //遮罩层
            loading: true
        }
    },
    mounted() {
        this.getList()
    },
    methods: {
        getList() {
            this.loading = true
            storageSpaceUtilization().then(response => {
                this.storageSpaceList = response.data
                this.loading = false
            })
        }
    }
}
</script>

<style scoped lang="scss">

</style>

